<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>全部订单</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back"><i class="icon icon-back"></i></a>
	<h1 class="mui-title" id="detailSel"><label>全部订单</label><i class="sjc-b"></i></h1>
    <div class="detail-lab clearfix order-lab">
    	<a href="javascript:;" title="全部订单"><i class="icon icon-ordtb1"></i><p>全部订单</p></a>
    	<a href="javascript:;" title="淘宝订单"><i class="icon icon-ordtb2"></i><p>淘宝订单</p></a>
    	<a href="javascript:;" title="小票订单"><i class="icon icon-ordtb3"></i><p>小票订单</p></a>
    </div>
    <div class="detail-lab-mb"></div>
    <div class="top-right">
    	<a href="花钱-订单-同步订单.html" class="sync-top-btn">同步订单</a>
    </div>
</header>
<div class="mui-content pb15">
	<div class="h45">
        <div class="order-top">
            <a href="javascript:;" class="curr">全部</a>
            <a href="javascript:;">进行中</a>
            <a href="javascript:;">已存入</a>
            <a href="javascript:;">无效</a>
        </div>
    </div>
    <div class="">
    	<ul class="order-list">
        	<li>
            	<a href="花钱-订单-审核中.html">
                	<i class="tab-order bgc-ff6742">审核中</i>
                	<div class="ord-img"><img src="../images/example/example2.jpg" alt="" /></div>
                    <div class="ord-mess">
                    	<h4 class="c-nowrap-multi"><i class="icon icon-piao"></i>订单号：8805645843454555554</h4>
                        <p>小票审核中...</p>
                    </div>
                </a>
                <div class="ord-bot">
                	<span class="ord-time">刚刚</span>
                </div>
            </li>
            <li>
            	<a href="花钱-订单-审核成功.html">
                	<i class="tab-order bgc-78d75a">已存入</i>
                	<div class="ord-img"><img src="../images/example/example2.jpg" alt="" /></div>
                    <div class="ord-mess">
                    	<h4 class="c-nowrap-multi"><i class="icon icon-piao"></i>订单号：8805645843454555554</h4>
                        <p>小票审核中...</p>
                    </div>
                </a>
                <div class="ord-bot">
                	<span class="ord-time">2017-11-22</span>订单金额：5.00元
                	<span class="ord-right">已存入:<i class="c-red c-f18 mlr5">5.00</i>元</span>
                </div>
            </li>
        	<li>
            	<a href="花钱-订单-未存入.html">
                	<i class="tab-order bgc-ffc448">未存入</i>
                	<div class="ord-img"><img src="../images/example/example2.jpg" alt="" /></div>
                    <div class="ord-mess">
                    	<h4 class="c-nowrap-multi"><i class="icon icon-piao"></i>订单号：8805645843454555554</h4>
                    </div>
                </a>
                <div class="ord-bot">
                	<span class="ord-time">2017-11-22</span>订单未付款，付款后自动为您存入
                </div>
            </li>
        	<li>
            	<a href="花钱-订单-已存入.html">
                	<i class="tab-order bgc-78d75a">已存入</i>
                	<div class="ord-img"><img src="../images/example/example2.jpg" alt="" /></div>
                    <div class="ord-mess">
                    	<h4 class="c-nowrap-multi"><i class="icon icon-tao"></i>印第安补梦网风铃羽毛捕梦网挂饰学生毕业礼物创意店铺卧室门饰</h4>
                        <p><i class="icon icon-card"></i>+10%</p>
                    </div>
                </a>
                <div class="ord-bot">
                	<span class="ord-time">2017-11-22</span>订单金额：5.00元
                	<span class="ord-right">已存入:<i class="c-red c-f18 mlr5">5.00</i>元</span>
                </div>
            </li>
        	<li>
            	<a href="花钱-订单-订单关闭.html">
                	<i class="tab-order bgc-bebebe">无效</i>
                	<div class="ord-img"><img src="../images/example/example2.jpg" alt="" /></div>
                    <div class="ord-mess">
                    	<h4 class="c-nowrap-multi"><i class="icon icon-piao"></i>订单号：8805645843454555554</h4>
                    </div>
                </a>
                <div class="ord-bot">
                	<span class="ord-time">2017-11-22</span>订单关闭
                	<span class="ord-delete"><i class="icon icon-orddel"></i>删除</span>
                </div>
            </li>
        </ul>
        <div class="nomess">
        	<p><i class="nomess-tb"></i></p>
            <p class="mt5">您还没有订单哦~~</p>
            <div class="plr50 mt50"><a href="花钱-订单-同步订单.html" class="c-btn c-btn-red">立即同步订单</a></div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript">
$(function(){
	//切换
	$('#detailSel').click(function(){
		var show = $(this).hasClass('ashow');
		if(show){
			$(this).removeClass('ashow');
			$('.detail-lab').slideUp(200)
			$('.detail-lab-mb').hide();
		}else{
			$(this).addClass('ashow');
			$('.detail-lab').slideDown(200)
			$('.detail-lab-mb').show();	
		}
	});
	$('.detail-lab-mb').click(function(){
		$('#detailSel').removeClass('ashow');
		$('.detail-lab').slideUp(200);
		$('.detail-lab-mb').hide();
	});
	$('.order-lab a').click(function(){
		$('#detailSel').removeClass('ashow');
		$('.detail-lab').slideUp(200);
		$('.detail-lab-mb').hide();
		$('#detailSel').find('label').html($(this).attr('title'));
	});
});
//lab
$('.mui-content').on('click','.order-top a',function(){
	$(this).addClass('curr').siblings().removeClass('curr');
});
//删除
$('.mui-content').on('click','.ord-delete',function(){
	var _this = $(this);
	myLayer.confirm({
        con:'确定删除此订单？',
        cancel: function(){},
        ok: function(){
            _this.parents('li').remove();
        }
    });
});
</script>
</body>
</html>